<!DOCTYPE html>
<html lang="zh">

<head>
    <!-- 基础信息 -->
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="force-rendering" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="全栈开发者Evan个人导航中心，开发的产品有UYCloud后端云;UyClub工具箱等等;感谢你来访问我！" />
    <meta name="keywords"
        content="个人中心,个人导航,Evan个人导航,开发者Evan,UY云后端计算服务平台,UY云,后台管理系统,iApp,iApp后台,iApp后台管理系统,应用后台,后台管理系统,Evan,Evan开发者,UYCloud,uyclouds,云后台,应用后台管理系统" />
    <meta name="author" content="Evan" />
    <meta name="robots" content="index,follow" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Evan">
    <title>Evan</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/font.css" />
    <link rel="stylesheet" type="text/css" href="./css/update.css" />
    <link rel="apple-touch-icon" href="https://q1.qlogo.cn/g?b=qq&nk=3487297072&s=640" />
    <link rel="icon" href="https://q1.qlogo.cn/g?b=qq&nk=3487297072&s=640" />
    <link href="./css/remixicon.css" rel="stylesheet">
</head>

<body class="root" id="b-1s" oncontextmenu="self.event.returnValue" onselectstart="return false">
    <header id="b-2s" class="panel-cover">
        <div class="panel-main panel">
            <div class="panel-main__inner panel-inverted">
                <div class="panel-main__content">
                    <div class="ih-item circle effect right_to_left" style="margin-top: 5%;">
                        <a class="blog-button">
                            <div class="img">
                                <img src="https://q1.qlogo.cn/g?b=qq&nk=3487297072&s=640" alt="img"
                                    class="js-avatar iUp profilepic" />
                            </div>
                            <div class="info iUp">
                                <div class="info-back">
                                    <h2>Hello</h2>
                                    <p>2025 · 福</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <h1 class="thankyou">Evan</h1>
                    <p class="panel-cover__subtitle panel-subtitle iUp">
                        <span class="shake">👋</span><br> 毕业啦、你要记住我。<br> Abdireyim·Jumaniyaz
                    </p>
                    <hr class="panel-cover__divider iUp" />

                    <!--一言无法显示时的文字-->
                    <p class="panel-cover__description iUp">💌</p>
                    <p id="description" class="panel-cover__description iUp">
                        世人千万，再难遇我。
                        <strong>-「Evan」</strong>
                    </p>

                    <div class="navigation-wrapper iUp">
                        <div>
                            <nav class="cover-navigation cover-navigation--primary">
                                <ul class="navigation">

                                    <p class="panel-cover__description iUp">🧑‍🎓</p>
                                    <div class="toggle-button">
                                        <button id="toggle-all" class="open-button">全部展开</button>
                                    </div>

                                    <div class="project-list">
                                        <li class="navigation__item">
                                            <a href="https://uyclouds.com" title="专属于个人开发者的云服务后台" target="_blank"
                                                class="blog-button">
                                                <div class="project-body">
                                                    <img loading="lazy"
                                                        src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/uycloud-logo.png"
                                                        alt="UYCloud云后台" class="project-icon">
                                                    <div class="project-title">
                                                        <div class="project-body">
                                                            <h6 class="name">UYCloud云后台</h6>
                                                        </div>
                                                        <div class="tags">
                                                            <span class="tag">APP</span>
                                                            <span class="tag">WEB</span>
                                                            <span class="tag">云☁️</span>
                                                            <span class="tag">独立开发🧑‍💻</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile">
                                                    &nbsp;UY云是一款专为个人开发者设计的一款高效、成本低廉的后台管理解决方案，服务范围包括但不局限于提供后端计算和存储服务.☁️
                                                </p>
                                                <div class="project-screen-container">
                                                    <div class="view-screen"> ▼</div>
                                                    <div class="project-screen">
                                                        <img loading="lazy"
                                                            src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/uycloud-screen.png"
                                                            alt="UY云" class="screen">
                                                        <div class="technologys">
                                                            <span>MySql</span>
                                                            <span>Php</span>
                                                            <span>Java</span>
                                                            <span>Android</span>
                                                            <span>Gradle</span>
                                                            <span>Activity</span>
                                                            <span>Fragment</span>
                                                            <span>Recyclerview</span>
                                                            <span>AliPay</span>
                                                        </div>
                                                        <div class="open-button">立 即 安 装</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                        <li class="navigation__item">
                                            <a href="https://gitee.com/uyevan/wow-note-spring" title="基于微服务方案的个人在线云笔记平台"
                                                target="_blank" class="blog-button">
                                                <div class="project-body">
                                                    <img loading="lazy"
                                                        src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/note-logo.png"
                                                        alt="Wow-Note云笔记" class="project-icon">
                                                    <div class="project-title">
                                                        <div class="project-body">
                                                            <h6 class="name">Wow-Note云笔记</h6>
                                                        </div>
                                                        <div class="tags">
                                                            <span class="tag">WEB</span>
                                                            <span class="tag">云笔记📒</span>
                                                            <span class="tag">印象🐘</span>
                                                            <span class="tag">开源-IOS🚀</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile">
                                                    &nbsp;Wow-note是一款专门用来在线记录✍️和分享📤个人笔记与文档的软件，开源且免费.本项目前后端至今维护与更新.🔥
                                                </p>
                                                <div class="project-screen-container">
                                                    <div class="view-screen"> ▼</div>
                                                    <div class="project-screen">
                                                        <img loading="lazy"
                                                            src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/note-screen.png"
                                                            alt="Wow-Note" class="screen">
                                                        <div class="technologys">
                                                            <span>MySql</span>
                                                            <span>Redis</span>
                                                            <span>MongoDB</span>
                                                            <span>Nacos</span>
                                                            <span>SpringCloud</span>
                                                            <span>Docker</span>
                                                            <span>Jenkins</span>
                                                            <span>RabbitMQ</span>
                                                            <span>Next.js</span>
                                                        </div>
                                                        <div class="open-button">前 往 官 网</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                        <li class="navigation__item">
                                            <a href="https://gitee.com/uyevan/uy-tool-club" title="Android 系统的实用工具箱应用"
                                                target="_blank" class="blog-button">
                                                <div class="project-body">
                                                    <img loading="lazy"
                                                        src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/uytool-logo.png"
                                                        alt="UYClub工具箱" class="project-icon">
                                                    <div class="project-title">
                                                        <div class="project-body">
                                                            <h6 class="name">UYClub工具箱</h6>
                                                        </div>
                                                        <div class="tags">
                                                            <span class="tag">APP</span>
                                                            <span class="tag">实用工具📦</span>
                                                            <span class="tag">B-UI</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile">
                                                    &nbsp;UyClub是一款功能强大的聚合应用神器.🛠️涵盖了日常生活、图片处理、查询工具、设备管理、特色工具、文件提取、趣味游戏等多个领域.🧰
                                                </p>
                                                <div class="project-screen-container">
                                                    <div class="view-screen"> ▼</div>
                                                    <div class="project-screen">
                                                        <img loading="lazy"
                                                            src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/uytool-screen.png"
                                                            alt="UyClub" class="screen">
                                                        <div class="technologys">
                                                            <span>Java</span>
                                                            <span>Android</span>
                                                            <span>Layout</span>
                                                            <span>Activity</span>
                                                            <span>Gradle</span>
                                                            <span>Fragment</span>
                                                            <span>OkHttp</span>
                                                            <span>Comment</span>
                                                            <span>UI</span>
                                                        </div>
                                                        <div class="open-button">立 即 下 载</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                        <li class="navigation__item">
                                            <a href="https://www.pgyer.com/leying" title="基于UY云蓝奏模块后台的软件库应用"
                                                target="_blank" class="blog-button">
                                                <div class="project-body">
                                                    <img loading="lazy"
                                                        src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/leying-logo.png"
                                                        alt="乐应软件库" class="project-icon">
                                                    <div class="project-title">
                                                        <div class="project-body">
                                                            <h6 class="name">乐应软件库</h6>
                                                        </div>
                                                        <div class="tags">
                                                            <span class="tag">APP</span>
                                                            <span class="tag">软件库🏳️‍🌈</span>
                                                            <span class="tag">L-Model🔥</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile">
                                                    &nbsp;LeYing一款软件资源库App，致力于为用户提供丰富的软件资源,提供海量的蓝奏云应用下载服务，你只管下载剩余的交给乐应.💜
                                                </p>
                                                <div class="project-screen-container">
                                                    <div class="view-screen"> ▼</div>
                                                    <div class="project-screen">
                                                        <img loading="lazy"
                                                            src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/leying-screen.png"
                                                            alt="乐应" class="screen">
                                                        <div class="technologys">
                                                            <span>Java</span>
                                                            <span>Android</span>
                                                            <span>Gradle</span>
                                                            <span>Activity</span>
                                                            <span>Fragment</span>
                                                            <span>Recyclerview</span>
                                                            <span>Pay</span>
                                                            <span>Token</span>
                                                            <span>AES</span>
                                                        </div>
                                                        <div class="open-button">立 即 下 载</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                        <li class="navigation__item">
                                            <a href="https://gitee.com/uyevan/hambuk" title="基于Flutter框架的Free影视平台"
                                                target="_blank" class="blog-button">
                                                <div class="project-body">
                                                    <img loading="lazy"
                                                        src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/hambuk-logo.png"
                                                        alt="HamBuk影视" class="project-icon">
                                                    <div class="project-title">
                                                        <div class="project-body">
                                                            <h6 class="name">HamBuk影视</h6>
                                                        </div>
                                                        <div class="tags">
                                                            <span class="tag">APP</span>
                                                            <span class="tag">WEB</span>
                                                            <span class="tag">学习项目📚</span>
                                                            <span class="tag">开源-IOS🚀</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile">
                                                    &nbsp;HamBuk是一款基于Flutter框架开发的Free影视平台，由于很多同伴要求写出一款多端影视程序，因此它就这么诞生了.👽
                                                </p>
                                                <div class="project-screen-container">
                                                    <div class="view-screen"> ▼</div>
                                                    <div class="project-screen">
                                                        <img loading="lazy"
                                                            src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/hambuk-screen.png"
                                                            alt="HamBuk" class="screen">
                                                        <div class="technologys">
                                                            <span>Dart</span>
                                                            <span>Flutter</span>
                                                            <span>Widget</span>
                                                            <span>async</span>
                                                            <span>wideo_player</span>
                                                            <span>Build</span>
                                                            <span>Android</span>
                                                            <span>Web</span>
                                                            <span>IOS</span>
                                                        </div>
                                                        <div class="open-button">前 往 官 网</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                        <li class="navigation__item">
                                            <a href="https://lanzou.uyclouds.com" title="Lanzou pro Api🤟"
                                                target="_blank" class="blog-button">
                                                <div class="project-body">
                                                    <img loading="lazy"
                                                        src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/lanzou-logo.png"
                                                        alt="Lanzou pro Api🤟" class="project-icon">
                                                    <div class="project-title">
                                                        <div class="project-body">
                                                            <h6 class="name">LanzouProApi</h6>
                                                        </div>
                                                        <div class="tags">
                                                            <span class="tag">API</span>
                                                            <span class="tag">公益🧑‍💻</span>
                                                            <span class="tag">开源-OSC🚀</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile">&nbsp;Lanzou Pro
                                                    Api🤟，是提供蓝奏云解析、文件列表获取、目录列表获取、文件搜索等接口的公益接口额项目.🅱️</p>

                                                <div class="project-screen-container">
                                                    <div class="view-screen"> ▼</div>
                                                    <div class="project-screen">
                                                        <img loading="lazy"
                                                            src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/lanzou-screen.png"
                                                            alt="LanzouApi" class="screen">
                                                        <div class="technologys">
                                                            <span>Python</span>
                                                            <span>Flask</span>
                                                            <span>Docker</span>
                                                            <span>Requests</span>
                                                            <span>Lxml</span>
                                                            <span>API</span>
                                                            <span>VitePress</span>
                                                            <span>RestFullApi</span>
                                                        </div>
                                                        <div class="open-button">查 看 文 档</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>


                                        <li class="navigation__item">
                                            <a href="https://gitee.com/uyevan/petiy-manta" title="Petiy Manta 🏌️"
                                                target="_blank" class="blog-button">
                                                <div class="project-body">
                                                    <img loading="lazy"
                                                        src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/petiy-logo.png"
                                                        alt="Petiy Manta 🏌️" class="project-icon">
                                                    <div class="project-title">
                                                        <div class="project-body">
                                                            <h6 class="name">PetiyManta</h6>
                                                        </div>
                                                        <div class="tags">
                                                            <span class="tag">API</span>
                                                            <span class="tag">开锁🔓</span>
                                                            <span class="tag">开源-OSC🚀</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile">&nbsp; PetiyManta 是一个基于 Shizuku 服务的 Android
                                                    工具应用，提供了便捷的项目管理功能。使用了AIDL进程通信解决方案.👋</p>
                                                <div class="project-screen-container">
                                                    <div class="view-screen"> ▼</div>
                                                    <div class="project-screen">
                                                        <img loading="lazy"
                                                            src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/petiy-screen.png"
                                                            alt="PetiyManta" class="screen">
                                                        <div class="technologys">
                                                            <span>Android</span>
                                                            <span>AIDL</span>
                                                            <span>Java</span>
                                                            <span>Gradle</span>
                                                            <span>Shizuku</span>
                                                            <span>Root</span>
                                                            <span>Virtual</span>
                                                            <span>ADB</span>
                                                            <span>iApp</span>
                                                        </div>
                                                        <div class="open-button">查 看 项 目</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                        <li class="navigation__item">
                                            <a href="no-release.html" title="NoqiKino 🎞️" target="_blank"
                                                class="blog-button">
                                                <div class="project-body">
                                                    <img loading="lazy"
                                                        src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/noqi-logo.png"
                                                        alt="NoqiKino 🎞️" class="project-icon">
                                                    <div class="project-title">
                                                        <div class="project-body">
                                                            <h6 class="name">NoqiKino</h6>
                                                        </div>
                                                        <div class="tags">
                                                            <span class="tag">独立开发🧑‍💻</span>
                                                            <span class="tag">WEB</span>
                                                            <span class="tag">学习项目📚</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile">&nbsp; NoqiKino
                                                    是个人学习产品、接入了全平台微信解决方案、适配TV大电视、后端自动化搜索与增量更新数据集、轮询解密方案等.❤️</p>
                                                <div class="project-screen-container">
                                                    <div class="view-screen"> ▼</div>
                                                    <div class="project-screen">
                                                        <img loading="lazy"
                                                            src="https://evan-1304983303.cos.ap-nanjing.myqcloud.com/global/mine-personal/noqi-screen.png"
                                                            alt="NoqiKino" class="screen">
                                                        <div class="technologys">
                                                            <span>React</span>
                                                            <span>Node.js</span>
                                                            <span>NextUI</span>
                                                            <span>ShadCN</span>
                                                            <span>Vue</span>
                                                            <span>Vite</span>
                                                            <span>Python</span>
                                                            <span>MySQL</span>
                                                            <span>Encrypt</span>
                                                        </div>
                                                        <div class="open-button">前 往 官 网</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                    </div>
                                    <br>

                                    <li class="navigation__item">
                                        <a href="https://uyevan.flowus.cn" title="个人学习记录笔记" target="_blank"
                                            class="blog-button">
                                            <div>学习笔记与博客</div>
                                        </a>
                                    </li>

                                    <li class="navigation__item">
                                        <a href="https://gitee.com/uyevan" title="Gitee" target="_blank"
                                            class="blog-button">
                                            <div>Gitee</div>
                                        </a>
                                    </li>

                                    <li class="navigation__item">
                                        <a href="https://github.com/uyevan" title="GitHub" target="_blank"
                                            class="blog-button">
                                            <div>Github</div>
                                        </a>
                                    </li>

                                    <li class="navigation__item">
                                        <a href="love.html" title="Love" target="_blank" class="blog-button">
                                            <div>爱情之页</div>
                                        </a>
                                    </li>


                                    <li class="navigation__item">
                                        <a href="/per/index.html" title="Love" target="_blank" class="blog-button">
                                            <div>程序员的副业</div>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <!--小图标-->
                        <div class="iUp" style="margin-bottom: 5%;">
                            <nav class="cover-navigation navigation--social">
                                <ul class="navigation">

                                    <li class="navigation__item">
                                        <a href="https://github.com/uyevan" title="Github" target="_blank">
                                            <i class="ri-github-line"></i>
                                            <span class="label">Github</span>
                                        </a>
                                    </li>

                                    <li class="navigation__item">
                                        <a href="https://gitee.com/uyevan" title="Gitee" target="_blank">
                                            <i class="ri-gitlab-line"></i>
                                            <span class="label">Gitee</span>
                                        </a>
                                    </li>

                                    <li class="navigation__item">
                                        <a href="https://qm.qq.com/cgi-bin/qm/qr?k=jbM0fKuVymCNKVvORUyXLcALNeXt9kyy&noverify=0&personal_qrcode_source=3"
                                            title="QQ" target="_blank">
                                            <i class="ri-qq-line"></i>
                                            <span class="label">QQ</span>
                                        </a>
                                    </li>

                                    <li class="navigation__item">
                                        <a class="wechat" title="Wechat" target="_blank">
                                            <i class="ri-wechat-line"></i>
                                            <span class="label">Wechat</span>
                                            <img src="./images/wechat.png" alt="Wechat" class="qr-code">
                                        </a>
                                    </li>


                                    <li class="navigation__item">
                                        <a href="mailto:uyevan@163.com" title="Email">
                                            <i class="ri-mail-send-line"></i>
                                            <span class="label">Email</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="remark iUp">
            <p class="power">© 2025 Evan All rights reserved . <a target="_blank" href="https://beian.miit.gov.cn/"
                    style="color: black;">陕ICP备2022014030号-1</a></p>
        </div>
    </header>

    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/fetch.min.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
</body>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const navigation = document.querySelector('.navigation');
        const toggleButton = document.getElementById('toggle-all');
        let isExpanded = false; // 用于跟踪当前状态

        navigation.addEventListener('click', function (event) {
            const viewScreen = event.target.closest('.view-screen');
            if (!viewScreen) return; // 如果点击的不是 .view-screen 元素，则不执行后续操作

            event.preventDefault(); // 阻止默认行为，即跳转
            event.stopPropagation(); // 阻止事件传播，避免触发父元素的事件

            const projectScreen = viewScreen.nextElementSibling; // 获取相邻的 .project-screen 元素
            const sameRowItems = viewScreen.closest('li').parentElement.querySelectorAll('li'); // 获取同一行的所有项目

            if (projectScreen.style.opacity === "1") {
                // 如果已经显示，则隐藏
                projectScreen.style.opacity = "0";
                projectScreen.style.maxHeight = "0";
                setTimeout(() => {
                    projectScreen.style.display = "none"; // 设置为不可见
                }, 300); // 等待过渡效果完成后再隐藏

                // 同时关闭同一行的所有项目
                sameRowItems.forEach(item => {
                    const itemScreen = item.querySelector('.project-screen');
                    const itemViewScreen = item.querySelector('.view-screen');
                    if (itemScreen) {
                        itemScreen.style.opacity = "0";
                        itemScreen.style.maxHeight = "0";
                        setTimeout(() => {
                            itemScreen.style.display = "none"; // 设置为不可见
                        }, 300);
                    }
                    // 移除旋转类
                    if (itemViewScreen) {
                        itemViewScreen.classList.remove('rotate');
                    }
                });
            } else {
                // 否则显示
                projectScreen.style.display = "block"; // 显示项目
                setTimeout(() => {
                    projectScreen.style.opacity = "1";
                    projectScreen.style.maxHeight = "400px";
                }, 10); // 确保在显示后再设置样式

                // 同时打开同一行的所有项目
                sameRowItems.forEach(item => {
                    const itemScreen = item.querySelector('.project-screen');
                    const itemViewScreen = item.querySelector('.view-screen');
                    if (itemScreen) {
                        itemScreen.style.display = "block"; // 显示项目
                        setTimeout(() => {
                            itemScreen.style.opacity = "1";
                            itemScreen.style.maxHeight = "400px";
                        }, 10);
                    }
                    // 添加旋转类
                    if (itemViewScreen) {
                        itemViewScreen.classList.add('rotate');
                    }
                });
            }
        });

        toggleButton.addEventListener('click', function () {
            const projectScreens = document.querySelectorAll('.project-screen');
            const images = document.querySelectorAll('img[data-src]'); // 选择所有懒加载图片
            isExpanded = !isExpanded; // 切换状态

            projectScreens.forEach(screen => {
                if (isExpanded) {
                    screen.style.display = "block"; // 显示项目
                    setTimeout(() => {
                        screen.style.opacity = "1";
                        screen.style.maxHeight = "400px";
                    }, 10); // 确保在显示后再设置样式
                } else {
                    screen.style.opacity = "0";
                    screen.style.maxHeight = "0";
                    setTimeout(() => {
                        screen.style.display = "none"; // 设置为不可见
                    }, 300); // 等待过渡效果完成后再隐藏
                }
            });

            // 手动加载所有懒加载图片
            images.forEach(img => {
                if (isExpanded) {
                    img.src = img.dataset.src; // 将 data-src 的值赋给 src
                }
            });

            // 更新所有箭头的旋转状态
            const viewScreens = document.querySelectorAll('.view-screen');
            viewScreens.forEach(viewScreen => {
                if (isExpanded) {
                    viewScreen.classList.add('rotate');
                } else {
                    viewScreen.classList.remove('rotate');
                }
            });

            toggleButton.textContent = isExpanded ? "全部关闭" : "全部展开"; // 更新按钮文本
        });

        const shakeElement = document.querySelector('.panel-cover__subtitle .shake');

        function triggerShake() {
            shakeElement.classList.remove('shake'); // 移除动画类
            void shakeElement.offsetWidth; // 触发重排
            shakeElement.classList.add('shake'); // 重新添加动画类
        }

        // 初始触发
        triggerShake();

        // 每次动画完成后延迟 2 秒再触发
        shakeElement.addEventListener('animationend', function () {
            setTimeout(triggerShake, 2000); // 2 秒后重新触发动画
        });

        const wechatLinks = document.querySelectorAll('.wechat');

        wechatLinks.forEach(link => {
            link.addEventListener('click', function (event) {
                event.preventDefault(); // 阻止默认行为

                const qrCode = this.querySelector('.qr-code');
                if (qrCode) {
                    qrCode.classList.toggle('visible'); // 切换可见性
                }
            });
        });

        // 点击文档的其他部分时隐藏二维码
        document.addEventListener('click', function (event) {
            if (!event.target.closest('.wechat')) {
                wechatLinks.forEach(link => {
                    const qrCode = link.querySelector('.qr-code');
                    if (qrCode) {
                        qrCode.classList.remove('visible'); // 隐藏二维码
                    }
                });
            }
        });
    });
</script>

</html>